.OrderDetails,.PresetOrderDetail{
  .myOrderBtn{
    display: none;
  }
  overflow: hidden;
  .OrderDetailsList{
    margin-top: 3.5rem;
    .OrderDetailsStatus{
      background: #000;
      color:#fff;
      padding: 15px;
      div{
        margin-bottom: 12px;
        font-size:$size-small;
      }
      .statusWrap{
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        margin-bottom: 0;
        background: url("../images/order.png") no-repeat left center;
        background-size: 14px 14px;
        .status{
         margin-bottom: 0;
          padding-left: 22px;
          font-size: $size-normal;
        }
      }
    }
    .OrderDetailsAddrWrap{
      background: #fff;
      margin-top: 10px;
      .OrderDetailsAddr{
        padding: 12px 0;
        font-size:$size-small;
        color:#999;
        div{
          margin-bottom: 12px;
          padding: 0 15px;
          span{
            display: inline-block;
            width: 50%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          span:last-child{
            text-align: center;
          }
        }
      }
      .OrderDetailsAddr.noneAddr{
        padding: 0;
        a{
          padding: 0 15px;
        }
        .addIcon{
          background: url("../images/icon_arrow_right.png") no-repeat ;
          background-position:  right center;
          background-size: 1.16rem 1.16rem;
        }

        .titleWrap{
          height: 3rem;
          line-height: 3rem;
          .title{
            font-size: $size-normal;
            color:#333;
            padding: 0;
            margin-bottom: 0;
          }
        }
        .addr-infor{
          padding: 12px 15px;
          margin: 0;
              .addr-inforWrap{
               padding: 0;
                margin: 0;
                div{
                  padding: 0;

                }
              }
        }
      }
    }

    .MyOrderList{
      background: #fff;
      margin-top: 10px;
      .orderDetails{
        box-sizing: border-box;
        flex-wrap:wrap;
        display: flex;
        padding: 9px 15px;
        .order-imge{
          flex: none!important;
          -webkit-box-flex:0!important;
          width: auto;
          display: block;
          .product-img{
            background: url("../images/grey.gif");
            background-size: 100% 100%;
            width: 6rem;
            height: 6rem;
            margin-right: 0.8rem;
          }
        }
        .order-name{
         h2{
           span:last-child{
             margin-left: 5px;
           }
         }
        }
        .order-price{
          flex: none!important;
          -webkit-box-flex:0!important;
          width: auto;
          display: block;
          text-align: right;
        }
        h1{
          font-size: $size-normal;
          color:#333;
          margin-top: 5px;
          font-weight: normal;
        }
        h2{
          font-size: $size-small;
          color:#999;
          margin-top: 12px;
          font-weight: normal;
        }
        .cell{
          flex: 1;
          -webkit-flex: 1;
          -webkit-box-flex: 1;
          flex-basis:0;
          max-width: 100%;
        }
      }
      .reward{
        height: 4.2rem;
        padding: 0 15px;
        //line-height: 46px;
        display: flex;
        box-sizing: border-box;
        .radioBtn{
          width:1.16rem;
          padding-right: 10px;
          height: 100%;
          background: url("../images/select.png") no-repeat left center;
          background-size: 1.16rem 1.16rem;
        }
        .radioBtn.noSelect{
          background: url("../images/no-pay.png") no-repeat left center;
          background-size: 1.16rem 1.16rem;
        }
        .infor{
          flex: 1;
          -webkit-flex: 1;
          -webkit-box-flex: 1;
             .title{
               font-size: $size-normal;
               color:#333;
               height:2rem;
               line-height: 2.5rem;
               //margin-top: 0.5rem;
             }
            .subtitle{
              font-size: $size-small;
              color:#999;
              height:2rem;
              line-height: 1.8rem;
            }
        }
        .money{
            line-height: 4.2rem;
            color:#fc5e3c;
            font-size: $size-small;
        }
      }
    }

    .OrderDetailsTicket{
      margin-top: 10px;
      background: #fff;
      font-size: $size-normal;
      color:#333;
      div,a{
        height: 3rem;
        line-height: 3rem;
        padding: 0 15px;
        color:#333;
        span{
          display: inline-block;
        }
        span:last-child{
          text-align: right;
          font-size: $size-small;
          color:#999;
        }
      }
      .ticket{
        .ticketUse{
          background: url("../images/icon_arrow_right.png") no-repeat ;
          background-position:  right center;
          background-size: 1.16rem 1.16rem;
          padding-right: 1.16rem;
          float: right;
        }
        .useTicket{
          color:#fc5e3c;
        }
      }
      .freight{
        span{
          width: 50%;
        }
        span:last-child{
          color:#fc5e3c;
          text-align: right;
        }
      }
      .realFreight{
        width: auto!important;
      }
    }

    .OrderDetailsPayWrap{
      margin-bottom: 6rem;
      background: #fff;
      margin-top: 10px;
      .OrderDetailsPay{
        .payWayWrap{
          padding: 0 15px;
          .payWay{
            height: 3rem;
            line-height: 3rem;
            background: url("../images/pay.png") no-repeat left center;
            background-size: 1.8rem 1.8rem;
            padding-left: 2.52rem;
            font-size: $size-normal;
            i{
              background: url("../images/select.png") no-repeat center ;
              display: inline-block;
              background-size: 100%  1.16rem;
              height: 100%;
              width: 1.16rem;
              float: right;
            }
          }
        }
        .payDetails{
          padding:  15px;
          font-size: $size-small;
          p{
            margin-top: 10px;
            span{
              display: inline-block;
              width: 50%;
            }
            span:first-child{
              color:#333;

            }
            span:last-child{
              color:#666;
              text-align: right;
            }
          }
          p:first-child{
            margin-top: 5px;
          }
          p:last-child{
            margin-bottom: 5px;
            span:last-child{
              color:#fc5e3c
            }
          }
        }
      }
    }

    .OrderDetailsPayBtn{
      height: 3.3rem;
     line-height: 3.3rem;
      position: fixed;
      bottom: 0;
      width: 100%;
      font-size: $size-v-large;
      a{
        color:#fff;
        display: inline-block;
        text-align: center;
        height: 100%;
      }
      a:first-child{
        width: 33%;
        background: #3e3e3e;
      }
      a:last-child{
        width: 67%;
        background: #ff5d32;
      }
    }
  }
}

.hasTicket{
  color:#fc5e3c!important;
}

.ExistingAddr{
  .phone{
    text-align: right!important;
  }
}
.grey{
  background: #3e3e3e!important;
}